<template>
<!--  管理界面和视频界面不需要一样的页头-->
<!--  这里可以定义全局的页头-->
  <!--  路由输出-->
  <!--  路由匹配到的组件将渲染在这里-->
  <router-view/>
<!--  这里可以定义全局的页脚-->
<Footer/>
</template>

<script setup lang="ts">
// 引入bootstrap框架,全局使用bootstrap
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap"
import Footer from "@/components/Footer.vue";
import {provide} from "vue";

// 所有组件都需要的数据进行通信

// 服务器相关信息,所有组件都用到的
// const host = "127.0.0.1"
const host = "192.168.31.212"
const port = '8081' //tomcat服务器端口
const port2 = '80'  //视频文件等资源端口
const prefix:string = 'http://'+host+':'+ port+'/';
const prefix2:string = 'http://'+host+':'+ port2+'/';
// 将服务器前缀写入provide中,通过provide进行组件间通信
provide('prefix',prefix)
provide('prefix2',prefix2)


</script>

<style scoped>

</style>